<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/mytag.jspf"%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>user</title>
<script type="text/javascript">
	$("#grid").jqGrid({
		pager:"#pager",
		url:"management/employee/appointmentpage",
		datatype: "json",  //请求的数据类型
	   	colNames:["会员","员工","预约项目","预约时间","状态","拒绝理由"],
	   	colModel:[
	   		{name:"vipName",width:50},
	   		{name:"employeeName",width:50},
	   		{name:"serviceItemNames", width:50},
	   		{name:"appointmentTime", width:50},
	   		{name:"state", width:50,formatter: "select", editoptions:{value:"10A:成功;10X:失败"}},
	   		{name:"refuseReason", width:150},
	   	]
	});
	
	$(function(){ 
	    $("#searchBtn").click(function(){
	        $("#grid").jqGrid('setGridParam',{ 
	            postData:$("#queryForm").serializeJson(), //发送数据
	            page:1
	        }).trigger("reloadGrid"); //重新载入 
	    }); 
	});
</script>
</head>

<body>
	<ol class="am-breadcrumb am-breadcrumb-slash am-padding" style="margin-bottom: 0px;">
		<li><a href="management/index">首页</a></li>
		<li class="am-active">预约记录</li>
	</ol>
	<div class="am-g">
		<form id="queryForm">
		<div class="am-u-md-4">
			<div class="am-input-group am-input-group-sm">
				<input type="text" name="employeeName" placeholder="请输入员工姓名查询" class="am-form-field" ><span class="am-input-group-btn"><button class="am-btn am-btn-default" type="button" id="searchBtn">搜索</button></span>
			</div>
		</div>
		</form>
	</div>
	<div class="am-g am-padding-vertical">
		<div class="am-u-md-12"><table id="grid"></table><div id="pager"></div></div>
	</div>
</body>
</html>
